<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/ibdenx.css"/>
  
</head>
<body>
    <div class="logo">
        <img src="images/logo.png">
    </div>

<div class="header">
    <div class=" center container">
        <a href="#">首页</a>
        <a href="#">咨询</a>
        <a href="#">测评</a>
        <a href="#">商城</a>
        <div class="start">
             
            <span class="text first"><img src="images/location.png" class="cation">  深圳</span>
            <span class="text"><切换></span>
        </div>
        <div class="end">
            <span class="icon"></span>
            <span class="adm">个人中心</span>
        </div>
    </div>
   
    <div class="content">
        <div class="content-title">
            <span>首页</span>
            <span>></span>
            <span>预防装修污染</span>
            <span>></span>
            <span>材料库</span>
        </div>
        <div class="content-list">
            <p>
                <span class="sort">类别</span>
                <span>全部</span>
                <span class="three">地板</span>
                <span>涂料</span>
                <span>墙纸</span>
                <span>瓷砖</span>
                <span>粘胶剂</span>
                <span>油漆</span>
                <span>家居</span>
                <span>板材</span>
                <span>饰品</span>
                <img src="images/indexSelect.png" alt="">
            </p>
            <p>
                <span class="sort">类型</span>
                <span>全部</span>
            </p>
            <p>
                <span class="sort">材质</span>
                <span>全部</span>
                <span class="three">实木</span>
                <span>复合</span>
                <span>强化</span>
                <span>其他</span>
            </p>
            <p>
                <span class="sort">品牌</span>
                <span>全部</span>
                <span class="three">圣象</span>
                <span>大自然</span>
                <span>生活家</span>
                <span>北美枫情</span>
                <span>德尔</span>
                <span>博典</span>
                <span>船王</span>
            </p>
        </div>
        <div class="box1">
            <div class="box1-left">
                <p>
                    <span>发布时间</span>
                    <img src="images/downicon.png" alt="">&nbsp;
                    <span>价格</span>
                    <img src="images/upicon.png" alt="">&nbsp;
                    <span>环保节能</span>
                    <img src="images/upicon.png" alt="">
                </p>
            </div>
            <div class="box1-center">
                <div class="box1-center-text">
                    <input type="text" class="search">
                    <button class="btn">搜索</button>
                </div>
            </div>
            <div class="box1-right">
                <div class="link">
                    <div class="pic1">
                        <img src="images/wenhao.png" alt="">
                    </div>
                    <div><a href="#">了解家居医生建材环保评级标准</a></div>
                </div>
            </div>
        </div>
        <div class="box2">
            <div class="box2-top">
                <div class="one">
                    <div class="one1">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
            </div>
            <div class="box2-buttom">
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
                <div class="two">
                    <div class="two2">
                        <img src="images/data_image.png" alt="">
                        <p>德尔&nbsp;&nbsp;&nbsp;都市系列3001</p>
                        <p>木地板 - 复合地板</p>
                        <p>单位： 128元/㎡</p>
                        <p class="p2"><strong>环保级别： B</strong> （可以使用）</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="box3">
            <button class="btn1">上一页</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span>
                <a href="#">1</a>
            </span>&nbsp;
            <span>
                <a href="#" class="box3-two">2</a>
            </span>&nbsp;
            <span>
                <a href="#">3</a>
            </span>&nbsp;
            <span>
                <a href="#">4</a>
            </span>&nbsp;
            <span>
                <a href="#">5</a>
            </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class="btn1">下一页</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span>
                共有10页，去第 <input type="text" class="box3-search"> 页
            </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <button class="btn3">提交</button>
        </div>
        <div class="box4">
            <div class="box4-content">
                <div class="box4-pic">
                    <img src="images/small_weixin.png" alt="">
                </div>
                <div class="box4-text">
                    <p class="box4-p">建材检测 需求反馈</p>
                    <p>亲爱的用户，我们正在不断的完善和更新建材库，<br>
                    若没有找到您想要的材料信息，请将您想测的建材告诉我们。</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="box5">
            <div class="foot">
                <div class="foot-left">
                    <img src="images/logo.png" alt="">
                    <p>为室内环境健康把好没有一关</p>
                    <p>家居医生效力于中国人的家居健康问题，通过专业的技术研究</p>
                    <p>和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
                </div>
                <div class="footer-both">
                    <div >
                        <div class="foot-center">
                            <div>
                                <p>关于我们</p>
                                <p>联系我们</p>
                                <p>加入我们</p>
                            </div>
                            <div>
                                <p>版权说明</p>
                                <p>用户隐私</p>
                                <p>免费申明</p>
                            </div>
                        </div>
                    </div>
                    <div class="foot-right">
                        <div class="footer-right">
                            <div class="foot-pic">
                                <img src="images/weixin2.png" alt="">
                            </div>
                            <span>官方微信</span>
                        </div>
                        <div class="footer-right">
                            <div class="foot-pic">
                                <img src="images/tianmao.png" alt="">
                            </div>
                            <span>天猫旗舰店</span>
                        </div>
                        <div class="footer-right">
                            <div class="foot-pic">
                                <img src="images/shop.png" alt="">
                            </div>
                            <span>有赞商城</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <hr size="1px" color="white">
        </div>
        <div class="footer-text">
            <p>深圳建筑科学研究股份有限公司 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家居医生网</p>
            <p>粤ICP备08011321号 @Copyright All Rights Reserved</p>
        </div>
    </div>
</div>
</body>
</html>